<template>
  <div class="common-layout">
    <el-container :router="true">
      <el-main @click="ManageFn">
        <el-page-header icon="" title=" ">
          <template #content>
            <h1>文章管理</h1>
          </template>
        </el-page-header>
      </el-main>
      <el-main @click="SendFn">
        <el-page-header icon="" title=" ">
          <template #content>
            <h1>文章发布</h1>
          </template>
        </el-page-header>
      </el-main>
    </el-container>
  </div>
  <router-view></router-view>
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
function ManageFn() {
  router.push("/manage");
}
function SendFn() {
  router.push("/send");
}
</script>
<style lang="css" scoped>
.el-main {
  background-color: #434a50;
  /* height: 100vh; */
}

.el-main h1 {
  color: #fff;
}
</style>
